<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>显示属性</title>
		<style>
			#taiyi{
				width: 300px;
				height: 300px;
				background-image: url(img/1.png);
				background-size: 100% 100%;
				/*元素消失：左栏，移除消失：盒模型在页面存在*/
				display: none;
				display: block;
				/*元素隐藏：消失效果【隐藏】，盒模型在页面存在*/
				visibility: hidden;
				visibility: visible;/*默认*/
				/*以上两个属性均可以实现显示与隐藏效果*/
			}
			#shengongbao{
				width: 300px;
				height: 300px;
				background-image: url(img/4.png);
				background-size: 100% 100%;
				/*光标属性*/
				cursor: pointer;/*手指效果：超链接*/
				cursor: crosshair;/*十字基准线：拉选区*/
				cursor: text;/*文本：复制*/
				cursor: wait;/*沙漏*/
				cursor: help;/*帮助*/
			}
		</style>
	</head>
	<body>
		<!-- 显示属性--盒模型：元素存在于盒子中【块，行，行内块】，针对盒子提供显示效果
		 display显示属性：none/block/inline[元素消失/转块/转行]
		 visibility显示属性：hidden/visible[元素隐藏/显示]
		 -->
	</body>
	你打我噻<div id="taiyi"></div>
	人心中的成见是一座大山<div id="shengongbao"></div>
</html>